<!DOCTYPE html>
<html lang="en">
<head>
  <script src="../../scripts/gentest/test_helper.js"></script>
  <link rel="stylesheet" type="text/css" href="../../scripts/gentest/test_base_style.css">
  <title>
    Test description
  </title>
</head>
<body>

<div id="test-root" style="height: 300px; width: 730px;">
  <div style="display: grid; width: 100%; height: 100%; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; padding: 10px; background-color: yellow;">
    <div style="display: block; background-color: teal;"></div>
    <div style="display: block; background-color: pink;"></div>
    <div style="display: block; background-color: royalblue;"></div>
    <div style="display: block; background-color: violet;"></div>
    <div style="display: block; background-color: beige;"></div>
    <div style="display: block; background-color: burlywood;"></div>
    <div style="display: block; background-color: lightslategrey;"></div>
    <div style="display: block; background-color: lightseagreen;"></div>
  </div>
</div>

</body>
</html>